<template>
	<view class="parent-view">
		<view v-if="topTipTime!=0&&tabberIndex==0" :class="[hongbaoIsVis?'tree-top-hongbao-view':'ree-top-tip-view']">
			<image :class="[hongbaoIsVis?'tree-top-hongbao-bg':'tree-top-tip-bg']" :src="hengfuUrl" mode="scaleToFill" @click="hongbaoClick"></image>
			<text class="tree-top-tip-txt" @click="closeTopTip">{{topTipString}}</text>
		</view>
		<!-- 树谱 -->
		<movable-area v-if="treeData&&tabberIndex==0" class="tree-movable-area" :style="{'height': isiPhoneX ? 'calc(100vh - 110rpx)':'calc(100vh - 44rpx)'}"
		 scale-area="true">
			<movable-view class="tree-movable-view" id="rootTree" :style="{'width':width == 0 ? 'auto' : width + 'px',
			'height':height == 0 ? 'auto' : height + 'px'}"
			 :x="width>wWidth ? (-width/2):(-windowWidth/2)" :y="moveY" damping="100" friction="100" out-of-bounds="true"
			 scale-min='0.5' scale="true" direction="all">
				<treeView :isRoot="true" :dataSource="treeData" :maxShi="maxShi" />
				<!-- <view v-if="maxShi>=7" class="look-more">
					<text v-for="index in lookMoreTvCount" class="look-more-txt"  @click="cepuLookMore">打开拾亲APP查看更多成员</text>
				</view> -->
			</movable-view>
		</movable-area>
		<!-- 册谱 -->
		<view class="tree-cepu-area" v-if="tabberIndex==1" :style="{'height': isiPhoneX ? 'calc(100vh - 110rpx)':'calc(100vh - 44rpx)'}">
			<text class="tree-cepu-desc">拾亲册谱功能展示：</text>
			<view class="scroll-view-parent">
				<scroll-view v-if="userPQD" class="cepu-list" :scroll-x="true">
					<view class="cepu-item" v-for="(item , index) in cepuList" :key="'shupu_'+index" :data-index="item" :style="index==0?'margin-left: 30rpx;':'margin-left: 20rpx;'">
						<image class="cepu-image" :src="item.url" mode="scaleToFill" @click="previewPic" :data-index="index"></image>
					</view>
				</scroll-view>
			</view>
			<text class="cepu-look-more" @click="cepuLookMore">更多功能，请打开拾亲APP查看详情</text>
		</view>
		<!-- 祠堂 -->
		<view class="tree-cepu-area" v-if="tabberIndex==2" :style="{'height': isiPhoneX ? 'calc(100vh - 110rpx)':'calc(100vh - 44rpx)'}">
			<text class="tree-cepu-desc">拾亲祠堂功能展示：</text>
			<view class="scroll-view-parent">
				<scroll-view v-if="userPQD" class="cepu-list" :scroll-x="true">
					<view class="cepu-item" v-for="(item , index) in citangList" :key="'shupu_'+index" :data-index="item" :style="index==0?'margin-left: 30rpx;':'margin-left: 20rpx;'">
						<image class="cepu-image" :src="item.url" mode="scaleToFill" @click="previewPic" :data-index="index"></image>
					</view>
				</scroll-view>
			</view>
			<text class="cepu-look-more" @click="cepuLookMore">更多功能，请打开拾亲APP查看详情</text>
		</view>
		<!-- 家族 -->
		<view class="tree-cepu-area" v-if="tabberIndex==3" :style="{'height': isiPhoneX ? 'calc(100vh - 110rpx)':'calc(100vh - 44rpx)'}">
			<text class="tree-cepu-desc">拾亲家族功能展示：</text>
			<view class="scroll-view-parent">
				<scroll-view v-if="userPQD" class="cepu-list" :scroll-x="true">
					<view class="cepu-item" v-for="(item , index) in jiazuList" :key="'shupu_'+index" :data-index="item" :style="index==0?'margin-left: 30rpx;':'margin-left: 20rpx;'">
						<image class="cepu-image" :src="item.url" mode="scaleToFill" @click="previewPic" :data-index="index"></image>
					</view>
				</scroll-view>
			</view>
			<text class="cepu-look-more" @click="cepuLookMore">更多功能，请打开拾亲APP查看详情</text>
		</view>
		<view class="bottom-view" :style="{'height': isiPhoneX ? '310rpx':'280rpx'}">
			<button v-if="tabberIndex==0" class="yaoqing-txt" @click="showInvitePop">邀请亲人</button>
			<text v-if="tabberIndex==0" class="yinshua-txt" @click="yinshua">印刷家谱</text>
			<text v-if="tabberIndex==0" class="manager-txt" @click="managerJiaPu">管 理</text>
			<view v-if="tabberIndex==0" class="number-people-view">
				<text class="number-people-txt">人数: {{nanPeople+nvPeople}}</text>
				<text class="number-people-txt" style="margin-left: 24rpx;">男性: {{nanPeople}}</text>
				<text class="number-people-txt" style="margin-left: 24rpx;">女性: {{nvPeople}}</text>
				<image class="tree-refrash" @click="getTreeData" src="../../static/img-tree-refrash.png" />
				<image v-if="hongbaoIsVis" class="tree-hongbao" src="../../static/icon_hongbao_black.png"
				  @click="hongbaoClick"/>
			</view>
			<view class="tree-bottom-navigation" :style="{'padding-bottom': isiPhoneX ? '50rpx':'20rpx'}">
				<view class="tree-bottom-navigation-item" @click="tabberClick" data-index="0">
					<text class="navigation-text" :style="tabberIndex==0?'color: #FF4206;':'color: #000000;'">树谱</text>
					<text class="navigation-line" :style="tabberIndex==0?'background-color: #FF4206;':'background-color: #fff;'" />
				</view>
				<view class="tree-bottom-navigation-item" style="margin-left: 30rpx;" @click="tabberClick" data-index="1">
					<text class="navigation-text" :style="tabberIndex==1?'color: #FF4206;':'color: #000000;'">册谱</text>
					<text class="navigation-line" :style="tabberIndex==1?'background-color: #FF4206;':'background-color: #fff;'" />
				</view>
				<view class="tree-bottom-navigation-item" style="margin-left: 30rpx;" @click="tabberClick" data-index="2">
					<text class="navigation-text" :style="tabberIndex==2?'color: #FF4206;':'color: #000000;'">祠堂</text>
					<text class="navigation-line" :style="tabberIndex==2?'background-color: #FF4206;':'background-color: #fff;'" />
				</view>
				<view class="tree-bottom-navigation-item" style="margin-left: 30rpx;" @click="tabberClick" data-index="3">
					<text class="navigation-text" :style="tabberIndex==3?'color: #FF4206;':'color: #000000;'">家族</text>
					<text class="navigation-line" :style="tabberIndex==3?'background-color: #FF4206;':'background-color: #fff;'" />
				</view>
			</view>
		</view>
		<addMemberPop v-if="isShowAddMember" :dataSource="clickData" />
		<operationMemberPop v-if="isShowOperationMember" :isBindingTree="isBindingTree" :dataSource="clickData" @invite="returnShowInvitePop" />
		<treeInvitationPop v-if="isShowInviteMember" @returnTreeInvitation="inviteRelative" />
		<treeDelectMemberPop v-if="isShowDelectMemberPop" @returnTreeDelectMember="treeDelectMember" />
		<addNumberLimitPop v-if="isShowAddMemberLimitPop" @returnAddNumBerLimitPop="returnAddNumBerLimitPop" />
		<contactAdminPop v-if="isShowcontactAdminPop" @returnContactAdminPop="returnContactAdminPop" />
		<treeDownLoad v-if="isShowTreeDownLoad" @returnPromptDownloadPop="returnPromptDownloadPop" />
	</view>
</template>

<script>
	import treeView from "@/components/tree-view/tree-view.vue";
	import addMemberPop from "@/components/add-members-pop/add-members-pop.vue";
	import operationMemberPop from "@/components/operation-member-pop/operation-member-pop.vue";
	import treeInvitationPop from "@/components/tree-invitation-pop/tree-invitation-pop.vue";
	import treeDelectMemberPop from "@/components/tree-delect-member-pop/tree-delect-member-pop.vue";
	import addNumberLimitPop from "@/components/add-number-limit-pop/add-number-limit-pop.vue";
	import contactAdminPop from "@/components/contact-admin-pop/contact-admin-pop.vue";
	import treeDownLoad from "@/components/prompt-download-pop/prompt-download-pop.vue";
	var WxNotificationCenter = require('../../components/tree-view/WxNotificationCenter.js');
	import request from '../index/request.js';

	let systemInfo = uni.getSystemInfoSync();
	let windowWidth = systemInfo.windowWidth;
	let windowHeight = systemInfo.windowHeight;
	let app = getApp();

	export default {
		components: {
			treeView,
			addMemberPop,
			operationMemberPop,
			treeInvitationPop,
			treeDelectMemberPop,
			addNumberLimitPop,
			contactAdminPop,
			treeDownLoad
		},
		data() {
			return {
				hongbaoIsVis:false,
				hengfuUrl: "",
				nanPeople: 0,
				nvPeople: 0,
				topTipTime: 6,
				topTipString: "5 关闭",
				isShowOperationMember: false,
				isShowAddMember: false,
				isShowInviteMember: false,
				isShowDelectMemberPop: false,
				isShowAddMemberLimitPop: false,
				isShowcontactAdminPop: false,
				isShowTreeDownLoad: false,
				isiPhoneX: false,
				treeId: "",
				treeName: "",
				width: 0,
				height: 0,
				wWidth: 0,
				hHidth: 0,
				userPQD: "",
				invitecode: "",
				moveY: 0,
				maxShi: 1,
				treeEmptyData: {
					"id": "-1",
				},
				treeData: {},
				treeDataList: [],
				clickData: {},
				shareData: {},
				treeInfo: null,
				lookMoreTvCount: 1,
				isBindingTree: false,
				tabberIndex: 0,
				cepuList: [],
				cepuUrlList: [],
				citangList: [],
				citangUrlList: [],
				jiazuList: [],
				jiazuUrlList: [],
				isAuth: 1,
			}
		},
		methods: {
			onShow: function() {
				this.share.shareType = 0
				var xing = uni.getStorageSync("shiqin-user-xing")
				var ming = uni.getStorageSync("shiqin-user-ming")
				var userName = xing + ming
				var user = uni.getStorageSync("shiqin-user")
				var mobile = user.mobile.substr(0, 3) + '****' + user.mobile.substr(7, 11);
				this.isShowOperationMember = false
				this.share.title = this.treeName + "邀请人:" + xing + ming + mobile
				this.share.url = '/pages/tabBar/home/index?treeId=' + this.treeId + "&userPQD=" +
					this.userPQD + "&treeName=" + this.treeName + "&inviteId=" + encodeURI(this.invitecode) +
					'&appInviteId=' + this.appUtil.getAppInviteId() + "&userName=" + userName
			},
			onLoad: function(options) {
				this.appUtil.saveAppInviteId(options)
				var user = uni.getStorageSync("shiqin-user")
				this.userPQD = user.PQD
				this.treeName = options.title
				uni.setNavigationBarTitle({
					title: this.treeName
				})
				this.treeId = options.treeId
				this.isiPhoneX = app.globalData.isIphone
				this.getTreeData()
				this.addNotification()
				this.wWidth = windowWidth
				this.hHidth = windowHeight
				var jiapuInfo = uni.getStorageSync("jiapu_click_data")
				this.isAuth = jiapuInfo.auth
				// 监听事件
				uni.$on('refrashTree', this.getTreeData);
				this.getWebSet()
			},
			//显示祠堂，册谱，家族介绍大图
			previewPic: function(event) {
				var index = event.currentTarget.dataset.index
				switch (this.tabberIndex) {
					case 1:
						uni.previewImage({
							current: index,
							urls: this.cepuUrlList,
							loop: true,
						})
						break
					case 2:
						uni.previewImage({
							current: index,
							urls: this.citangUrlList,
							loop: true,
						})
						break
					case 3:
						uni.previewImage({
							current: index,
							urls: this.jiazuUrlList,
							loop: true,
						})
						break
				}
			},
			//底部导航栏点击
			tabberClick: function(event) {
				var index = event.currentTarget.dataset.index
				this.tabberIndex = parseInt(index)
			},
			//册谱，祠堂，家族网页介绍
			cepuLookMore: function() {
				var that = this
				request.post("api/common/H5_page_v2", {
					id: "150"
				}).then(data => {
					uni.navigateTo({
						url: '/pages/article-details/index?load_url=' + encodeURIComponent(data.url) + "&title=" + data.name
					})
				})
			},
			//获取册谱，祠堂，家族的介绍
			getWebSet: function() {
				var that = this
				request.post("api/common/getwebset", {}).then(data => {
					that.cepuList = data.HomePic3
					for (var i = 0; i < that.cepuList.length; i++) {
						that.cepuUrlList.push(that.cepuList[i].url)
					}
					that.citangList = data.HomePic1
					for (var i = 0; i < that.citangList.length; i++) {
						that.citangUrlList.push(that.citangList[i].url)
					}
					that.jiazuList = data.HomePic2
					for (var i = 0; i < that.jiazuList.length; i++) {
						that.jiazuUrlList.push(that.jiazuList[i].url)
					}
				})
			},
			returnContactAdminPop: function(e) {
				this.isShowcontactAdminPop = e.isclose
				if (e.tag) {
					uni.navigateTo({
						url: "../manager-member/index"
					})
				}
			},
			//关闭顶部横幅
			closeTopTip: function() {
				this.topTipTime = 0
			},
			//获取树谱数据列表
			getTreeDataList: function() {
				var that = this
				request.post("api/apiv2/GetTree", {
					TreeId: that.treeId
				}).then(data => {
					that.treeDataList = data.datas
					that.treeInfo = data.info
					//倒计时
					if (that.topTipTime != 0) {
						var interval = setInterval(function() {
							if (that.topTipTime == 0) {
								clearInterval(interval)
								return
							}
							that.topTipTime = that.topTipTime - 1
							that.topTipString = that.topTipTime + " 关闭"
						}, 1000)
					}
					//横幅显示
					if(data.info.jpmuseumid){
						that.hengfuUrl="http://c.shiqin.wang/photo/GDB.png"
						that.hongbaoIsVis=true
					}else{
						var hengfuIndex = uni.getStorageSync("tree-heng-fu")
						if (hengfuIndex) {
							switch (hengfuIndex % 3) {
								case 0:
									this.hengfuUrl = "http://c.shiqin.wang/dyi.png"
									break;
								case 1:
									this.hengfuUrl = "http://c.shiqin.wang/der.png"
									break;
								case 2:
									this.hengfuUrl = "http://c.shiqin.wang/dsan.png"
									break;
							}
							uni.setStorageSync("tree-heng-fu", hengfuIndex + 1)
						} else {
							this.hengfuUrl = "http://c.shiqin.wang/dyi.png"
							uni.setStorageSync("tree-heng-fu", 1)
						}
						that.hongbaoIsVis=false
					}
					var user = uni.getStorageSync("shiqin-user")
					if (user.rank_s == '0') {
						if (data.datas.length == 0) {
							uni.setStorageSync("tree-number-count-limit_" + that.treeId, 10)
						} else {
							var count = data.datas.length % 10
							uni.setStorageSync("tree-number-count-limit_" + that.treeId, count)
						}
					} else {
						uni.setStorageSync("tree-number-count-limit_" + that.treeId, 1)
					}
				})
			},
			//获取树谱树状数据
			getTreeData: function() {
				this.getTreeDataList()
				uni.showLoading()
				var that = this
				request.post("api/apiv2/GetTreeV2", {
					TreeId: that.treeId
				}).then(data => {
					var xing = uni.getStorageSync("shiqin-user-xing")
					var ming = uni.getStorageSync("shiqin-user-ming")
					var userName = xing + ming
					that.share.url = '/pages/tabBar/home/index?treeId=' + this.treeId + "&userPQD=" +
						this.userPQD + "&treeName=" + data.info.title + "&inviteId=" + encodeURI(data.info.invitecode) +
						'&appInviteId=' + this.appUtil.getAppInviteId() + "&userName=" + userName
					that.treeInfo = data.info
					that.isBindingTree = data.info.binding == "1"
					that.invitecode = data.info.invitecode
					if (data.datas && data.datas.surname) {
						that.treeData = data.datas
						that.nanPeople = 0
						that.nvPeople = 0
						that.getTreePeoPleNum(that.treeData)
					} else {
						that.treeData = that.treeEmptyData
					}
					//绘制布局的宽高
					if (that.treeData) {
						setTimeout(res => {
							uni.createSelectorQuery().in(that).
							select('#rootTree').boundingClientRect(rect => {
								if (rect) {
									that.width = rect.width > windowWidth ? rect.width : windowWidth
									that.moveY = rect.height > that.hHidth ? (-rect.height / 2) : (that.hHidth / 2 - rect.height / 2)
									that.lookMoreTvCount = that.width / windowWidth
								}
							}).exec()
						}, 500)
					}
				})
			},
			//计算树谱男女数目
			getTreePeoPleNum: function(data) {
				if (this.maxShi < data.shi) {
					this.maxShi = data.shi
				}
				if (data.gender === 1) {
					//男加一
					this.nanPeople = this.nanPeople + 1
				} else if (data.gender === 0) {
					//女加一
					this.nvPeople = this.nvPeople + 1
				}
				if (data.spouse_val.gender === 1) {
					//男加一
					this.nanPeople = this.nanPeople + 1
				} else if (data.spouse_val.gender === 0) {
					//女加一
					this.nvPeople = this.nvPeople + 1
				}
				if (data.children && data.children.length > 0) {
					for (var i = 0; i < data.children.length; i++) {
						this.getTreePeoPleNum(data.children[i])
					}
				}
			},
			///添加人员弹窗显示
			itemClick: function(event) {
				if (event.id == '-1') {
					this.isShowAddMember = true
				} else {
					this.clickData = event
					this.isShowOperationMember = true
				}
			},
			///跳转添加树谱人员界面
			itemAddMemberClick: function(event) {
				if (this.isAuth == 4) {
					uni.showToast({
						title: "权限不足，请联系管理员",
						icon: "none"
					})
					return
				}
				var clickData1 = {}
				var spouseSurname = ""
				//配偶
				for (var i = 0; i < this.treeDataList.length; i++) {
					//配偶姓氏
					if (this.treeDataList[i].spouse_ids.includes(this.clickData.id)) {
						spouseSurname = this.treeDataList[i].surname
					}
					//点击当前人信息
					if (this.treeDataList[i].id == this.clickData.id) {
						clickData1 = this.treeDataList[i]
					}
				}
				uni.navigateTo({
					url: '/pages/add-relatives/index?type=' + event +
						"&id=&treeId=" + this.treeId + "&gxval=" + this.clickData.gxval +
						'&selectId=' + this.clickData.id + "&binding=" + this.treeInfo.binding +
						"&dataIsSpouse=" + clickData1.ismate + "&spouseSurname=" + spouseSurname +
						"&dataSurname=" + clickData1.surname + "&dataGener=" + clickData1.gender
				})
			},
			//添加人员限制的弹窗消失
			returnAddNumBerLimitPop: function(e) {
				this.isShowAddMemberLimitPop = e.isclose
				if (e.tag == 'share') {
					this.showInvitePop()
				} else if (e.tag == 'download') {
					this.cepuLookMore()
				} else if (e.tag == 'vip') {
					uni.navigateTo({
						url: "/pages/membership/index"
					})
				}
			},
			///添加人员
			itemAddMClick: function(event) {
				if (this.isAuth == 4) {
					this.isShowOperationMember = false
					this.isShowcontactAdminPop = true
					return
				}
				var count = uni.getStorageSync("tree-number-count-limit_" + this.treeId)
				if (count == 0) {
					this.isShowAddMemberLimitPop = true
				} else {
					this.isShowOperationMember = false
					this.isShowAddMember = true
				}
			},
			//印刷
			yinshua: function() {
				uni.navigateTo({
					url: "../product-show/index?treeid="+this.treeId+"&treeCode="+this.treeInfo.coding+"&jpmuseumid="+this.treeInfo.jpmuseumid
				})
			},
			hongbaoClick:function(){
				if(this.hongbaoIsVis){
					uni.navigateTo({
						url:"../../pagesA/qualities-list-home/index?treeid="+this.treeId+"&treeCode="+this.treeInfo.coding
					})
				}
			},
			//管理家谱
			managerJiaPu: function() {
				uni.navigateTo({
					url: "../jiapu-manager/index"
				})
			},
			//显示邀请弹窗:
			showInvitePop: function() {
				this.isShowInviteMember = true
			},

			//显示邀请弹窗:邀请亲人，发起会话，上香祭拜
			returnShowInvitePop: function() {
				if (this.clickData.is_living == 0) {
					//上香祭拜
					this.isShowTreeDownLoad = true
				} else {
					if (this.clickData.PQD) {
						//发起会话
						this.isShowTreeDownLoad = true
					} else {
						//邀请加入
						this.isShowInviteMember = true
					}
				}
			},
			//下载引导回调
			returnPromptDownloadPop: function(e) {
				this.isShowTreeDownLoad = e.isclose
				if (e.tag) {
					this.cepuLookMore()
				}
			},
			//邀请分享
			inviteRelative: function(e) {
				this.isShowInviteMember = e.isclose
				if (e.tag) {
					var xing = uni.getStorageSync("shiqin-user-xing")
					var ming = uni.getStorageSync("shiqin-user-ming")
					var userName = xing + ming
					var user = uni.getStorageSync("shiqin-user")
					var mobile = user.mobile.substr(0, 3) + '****' + user.mobile.substr(7, 11);
					this.isShowOperationMember = false
					this.share.title = "邀请人：" + xing + ming + " " + mobile
					this.share.url = '/pages/tabBar/home/index?treeId=' + this.treeId + "&userPQD=" +
						this.userPQD + "&treeName=" + this.treeInfo.title + "&inviteId=" + encodeURI(this.invitecode) +
						'&appInviteId=' + this.appUtil.getAppInviteId() + "&userName=" + userName
					uni.share({
						provider: "weixin",
						scene: "WXSceneSession",
						type: 0,
						href: this.share.url,
						title: this.share.title,
						summary: this.shareData.content,
						imageUrl: this.share.imageUrl,
					});
				}
			},
			//查看人员信息
			itemMemberInfoClick: function(event) {
				this.isShowOperationMember = false
				uni.navigateTo({
					url: "/pages/tree-card-info/index?cardId=" + this.clickData.id
				})
			},
			//删除人员弹窗
			itemDelectMemberClick: function(event) {
				if (this.isAuth == 4) {
					this.isShowOperationMember = false
					this.isShowcontactAdminPop = true
					return
				}
				this.isShowOperationMember = false
				this.isShowDelectMemberPop = true
			},
			//删除人员
			treeDelectMember: function(e) {
				if (this.isAuth == 4) {
					uni.showToast({
						title: "权限不足，请联系管理员",
						icon: "none"
					})
					return
				}
				this.isShowDelectMemberPop = false
				if (e.tag) {
					this.delectTreeData()
				}
			},
			//删除人员请求
			delectTreeData: function() {
				var that = this
				request.post("api/apiv2/DelTreeMerber", {
					TreeId: that.treeId,
					id: this.clickData.id
				}).then(data => {
					that.getTreeData()
					uni.showToast({
						title: "删除成功",
						duration: 2000,
						icon: "none"
					})
				})
			},
			//添加第一个男或女的弹窗消失
			addPopDiss: function() {
				this.isShowAddMember = false
			},
			//人员卡片操作弹窗消失
			operationPopDis: function() {
				this.isShowOperationMember = false
			},
			///添加点击节点的通知
			addNotification: function() {
				WxNotificationCenter.addNotification("NOTI_TREECLICK", this.itemClick, this);
				WxNotificationCenter.addNotification("NOTI_ADDTREEMEMBERCLICK", this.itemAddMemberClick, this);
				WxNotificationCenter.addNotification("NOTI_ADDPOPDISMISS", this.addPopDiss, this);
				WxNotificationCenter.addNotification("NOTI_ADDMEMBER", this.itemAddMClick, this);
				WxNotificationCenter.addNotification("NOTI_MEMBERINFO", this.itemMemberInfoClick, this);
				WxNotificationCenter.addNotification("NOTI_DELECTMEMBER", this.itemDelectMemberClick, this);
				WxNotificationCenter.addNotification("NOTI_OPERATIONDISMISS", this.operationPopDis, this);
			},
			///移除通知
			onUnload: function() {
				WxNotificationCenter.removeNotification('NOTI_TREECLICK', this);
				WxNotificationCenter.removeNotification('NOTI_ADDTREEMEMBERCLICK', this);
				WxNotificationCenter.removeNotification('NOTI_OPERATIONTREEMEMBERCLICK', this);
				WxNotificationCenter.removeNotification('NOTI_ADDPOPDISMISS', this);
				WxNotificationCenter.removeNotification('NOTI_OPERATIONDISMISS', this);
				WxNotificationCenter.removeNotification('NOTI_ADDMEMBER', this);
				WxNotificationCenter.removeNotification('NOTI_MEMBERINFO', this);
				WxNotificationCenter.removeNotification('NOTI_DELECTMEMBER', this);
				uni.$off('refrashTree', this.getTreeData);
			},
		}
	}
</script>

<style>
	@import "index.css";
</style>
